/* component_demo/trans-swiper/index.wxss */
.item.next{
  transform: rotateY(-20deg) ;
  // transform-origin: 0% 0%;
  transform-origin:center right ;
  // transform-origin:right;
//   -webkit-transform-origin: right;
// -moz-transform-origin: right;
// -ms-transform-origin: right;
// -o-transform-origin: right;
// transform-origin: right;
  opacity: 1;
}
.item.prev{
  transform: rotateY(20deg) ;
  transform-origin:center left ;
  // transform-origin: 100% 50%;
  // -webkit-transform-origin: left;
  // -moz-transform-origin: left;
  // -ms-transform-origin: left;
  // -o-transform-origin: left;
  // transform-origin: left;
  opacity: 1;
}
.item.curr{
  opacity: 1;
}
.warp{

  transform-style: preserve-3d; /* 3D */
}
.box{
  perspective: 900rpx; /* 目光延长线 */
  // perspective-origin: 50% 50%; /* 目光位置水平居中，往上抬 100px */
}
.item{
  display: flex;
  justify-content: center;
  transition: 1.5s;
  transform: rotateY(0) translate3d(0,0,0);
  transform-origin:center right;
  opacity: 0;

}

.prev2item{
  transform-origin:center left ;
  transition: 1.3s;
  // animation: next2curr 1s;
}
.next2item{
  transform-origin:center right ;
  transition: 1.3s;
  // animation: next2curr 1s;
}
// @keyframes next2curr{
//   0% {
//    opacity: 0;
    
//   }
//   100%{
//     opacity: 1;
//   }
// }